<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 行内式 -->
     <input type="button" value="点我一下" onclick="alert('这是点击后的效果')"/>
</body>
<!-- 如何在HTML中引入Javascript代码
    1.嵌入式
    2.外链式
    3.行内式
-->
    <!-- 嵌入式 -->
<script>
    alert('hello javascript');
</script>
<script src="hello.js">
    //使用外链式（src)方式引入js代码后，不能在script标签中继续写js代码
    //这里的js代码不会报错，但同时也不会被解释（执行）
    console.log('这是嵌入式的js的代码');
</script>
</html>